@charset "utf-8";
@import "common/reset";
@function p($px) {
    @return $px/2*1px;
}

html,
body {
    height: 100%;
    width: 100%;
}

.indexM {
    background: url(../img/lookEvaluation/check-bg1.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    .logo {
        width: p(103);
        height: p(40);
        margin: p(41) 0 0 p(56);
    }
    .loEva {
        margin-top: p(40);
        .imgTx {
            width: p(175);
            height: p(175);
            border-radius: p(50);
            margin: 0 auto;
            img {
                width: 100%;
            }
        }
        .text-1{
            width: 100%;
            text-align: center;
            >p{
                color: #fff;
                font-size: p(30);
                letter-spacing: p(10);
                line-height: p(60);
                >span{
                    color: #fff000;
                }
            }
        }
        .text-2{
            color: #d5d5d5;
            font-size: p(21);
            letter-spacing: p(2);
            width: p(290);
            line-height: p(38);
            margin-top: p(88);
            margin-left: p(37);
            
        }
        
        .pingjias{
            position: relative;
            height: p(206);
            span{
                display: inline-block;
                width: p(180);
                height: p(55);
                border-radius: p(50);
                font-size: p(24);
                color: #2f3400;
                text-align: center;
                line-height: p(55);
            }
            .s1{
                background: #5c727b;
                position: absolute;
                top:p(51) ;
                left:p(60) ;
            }
            .s2{
                background: #a2b360;
                position: absolute;
                top:p(100) ;
                left:p(220) ;
            }
            .s3{
                background: #c4c227;
                position: absolute;
                top:p(-22) ;
                left:p(350) ;
            }
            .s4{
                background: #bcccd9;
                position: absolute;
                top:p(156) ;
                left:p(360) ;
            }
        }
        .text-3 {
            text-align: center;
            font-size: p(22);
            letter-spacing: p(2);
            color: #d5d5d5;
            margin-top: p(50);
            textarea {
                margin-top: p(20);
                width: p(500);
                height: p(77);
                background: transparent;
                border: 1px solid #fff;
            }
        }
        .button{
            margin-top: p(20);
            font-size: 0;
            display: flex;
            justify-content: center;
            a{
                display: line-block;
                width: p(142);
                height: p(51);
                margin: 0 p(25);
                img{
                    width: p(142);
                }
            }
        }
       
    }
    .fenxiang {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 1;
        .erweima {
            width: p(168);
            height: p(166);
            margin-bottom: p(50);
        }
        .sao-text {
            width: p(442);
            height: p(33);
        }
    } // 关闭分享页
    #shut-down:checked~.fenxiang {
        height: 0;
        overflow: hidden;
    }
    input {
        display: none;
    }
}